<template>
    <div>
      <m-head title="客服"></m-head>
      <!--<div class="box">-->
        <!--<form action="">-->
          <!--<textarea id="" placeholder="欢迎留言，我们会尽快帮您解答："></textarea>-->
          <!--<button class="btn">提 交</button>-->
        <!--</form>-->
      <!--</div>-->
      <div>
        <p>客服QQ:{{qq}}</p>
      </div>
    </div>
</template>

<script>
import MHead from './MHeader'
import * as info from '../api/info'
export default {
  name: 'service',
  components: {
    'm-head': MHead
  },
  data () {
    return {
      qq: ''
    }
  },
  mounted(){
    this.getInfo()
  },
  methods: {
    getInfo () {
      info.getCustomer().then(res => {
        this.qq = res.data.qq
      })
    }
  }
}
</script>

<style scoped>
.box{
  padding: .3rem;
}
.box textarea{
  background: #f5f5f5;
  padding: .2rem;
  line-height: .6rem;
  font-size: .36rem;
  color: #333;
  width: 100%;
  height: 5rem;
  border: 1px solid #eee;
}
.box .btn{
  display: block;
  width: 100%;
  padding: 0;
  margin: .5rem auto 0;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  font-size: .36rem;
  border: 1px solid #eee;
  background: #f5f5f5;
}
</style>
